<template>
  <div>
    <!--     <h1>test</h1>-->
    <!--    <class-demo></class-demo>-->
    <!--    <computed-demo></computed-demo>-->
<!--    <list-demo></list-demo>-->
<!--    <form-demo></form-demo>-->
<!--    <components-demo></components-demo>-->
    <h1>Test 2</h1>
  </div>
</template>

<script>
import ComputedDemo from "@/components/BaseUse/ComputedDemo"
import ListDemo from "@/components/BaseUse/ListDemo"
import EventDemo from "@/components/BaseUse/EventDemo"
import FormDemo from "@/components/BaseUse/FormDemo"
import ComponentsDemo from "@/components/ComponentsDemo/index"

export default {
  components: {
    ClassDemo: () => import( "@/components/BaseUse/ClassDemo"),
    ComputedDemo,
    ListDemo, EventDemo,FormDemo,ComponentsDemo,
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang='scss' scoped>
/*@import 'src/assets/styles/global.scss';*/

</style>
